<!-- 顶部盒子  -->
<div class="top-box">
    <div class="common">
        <!-- 班级及学校信息 -->
        <div class="class-msg">
            <img src="./images/myClass/edu-class1.png" class="class-image">
            <span class="class-text">全栈34班（嘉应学院）</span>
        </div>
        <!-- 右侧内容 -->
        <div class="operation">
            <!-- 首页 -->
            <a href="/" class="index-web">
                <i class="iconfont">&#xe622;</i>
                首页
            </a>
            <!-- 我的班级 -->
            <a href="javascript:;" class="my-class">
                <i class="iconfont">&#xe602;</i>
                我的班级
                <i class="iconfont">&#xe608;</i>
            </a>
            <!-- 用户名字 -->
            <a href="javascript:;" class="my-name">
                <i class="iconfont">&#xe604;</i>
                乱世丶守望
                <i class="iconfont">&#xe608;</i>
            </a>
            <!-- 我的班级列表 -->
            <ul class="my-class-list">
                <div class="sjx"></div>
                <li>全栈34班</li>
            </ul>
            <!-- 用户操作列表 -->
            <ul class="my-user-operation">
                <div class="sjx"></div>
                <li>
                    <i class="iconfont">&#xe613;</i>
                    <a href="/register">创建班级</a>
                </li>
                <li>
                    <i class="iconfont">&#xe62c;</i>
                    <a href="/classinformation">班级设置</a>
                </li>
                <li>
                    <i class="iconfont">&#xe60a;</i>
                    <a href="javascript:;">退出</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 清除浮动 -->
<div class="clearfix"></div>